<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>My resume</title>
        <link rel="stylesheet" href="css/styles.css">
        <link rel="icon" href="favicon.ico">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Amatic+SC&family=Merriweather:wght@300&family=
        Montserrat:wght@300&display=swap" rel="stylesheet">


    </head>
    <body>
    <div class="top-container">
        <img class="top-cloud" src="images/cloud.png" alt="cloud-img">
        <h1>I'm Diego.</h1>
        <p class="subtitle">a software developer</p>
        <img class="bottom-cloud" src="images/cloud.png" alt="cloud-img">
        <img src="images/mountain.png" alt="mountain-img">

    </div>

    <div class="middle-container">
      <div class="profile">
        <img class="profile-pic" src="images/coder.png" alt="coder-img">
        <h2>Hi.</h2>
        <p>I'm a self-taught software developer, a lawyer and a former social scientist. I started programming in order
            to solve day-to-day issues at my current job, and since then I haven't stopped.</p>
      </div>
      <hr class="hr-dots">
      <div class="skills">
        <h2>My Skills.</h2>
        <div class="skill-row">
          <img class="first-skill-pic" src="images/skills.png" alt="skills-1-img">
          <h3>Development</h3>
          <p>I'm a python developer. Currently making my way into web development.</p>
        </div>
        <div class="skill-row">
          <img class="second-skill-pic" src="images/books.png" alt="skills-2-img">
          <h3>Lawyer and sociologist</h3>
          <p>I'm proficient in civil and commercial law. As a sociologist, my main area of study was sociological theory
          and psychoanalysis.</p>
        </div>
      </div>
      <hr class="hr-dots">
      <div class="contact-me">
        <h2>Get In Touch</h2>
        <p>If you want to contact me for freelance programming opportunities or any other questions, please don't hesitate!</p>
        <a class="btn" href="samplemail@gmail.com">CONTACT ME</a>
      </div>
    </div>

    <div class="bottom-container">
      <a class="footer-link" href="https://www.linkedin.com/diegosadrinas">LinkedIn</a>
      <a class="footer-link" href="https://github.com/diegosadrinas">Github</a>
      <p class="footer-trademark">© 2021 Diego Sadrinas.</p>
    </div>


    </body>
</html>
